<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
#parse("/WEB-INF/views_webapp/layout/css.html")
#parse("/WEB-INF/views_webapp/layout/base.html")
<style type="text/css">

</style>
</head>
<body>
<div class="payinfos">
	<div class="paytitle">
		订单编号
	</div>
	<div class="paycontent">
		${ordersNo}
	</div>
	<div class="splitline"></div>
	<div class="paytitle pad55">
		支付金额
	</div>
	<div class="paycontent">
		#set($ordersFee=$ordersFee*0.01)
		<span class="red">￥${ordersFee}元</span>
<!-- 		<span class="smalltext">价格有变动，原价1000元，现价10元</span> -->
	</div>
</div>

<div class="paybtns">
	#if($h5Client == "zfb")
		<a class="paybtn paybtn2" id="zfbPay">支付宝支付</a>
	#elseif($h5Client == "wx")
		<a class="paybtn" id="wxPay">微信支付</a>
	#else
	#end
<!-- 	<a class="paybtn paybtn3" id="accountPay">余额支付</a> -->
</div>


#parse("/WEB-INF/views_webapp/layout/bottom.html")


#if($h5Client == "zfb")
	$!{zfbPayForm}
	<script type="text/javascript">
		$(function(){
			$("#zfbPay").click(function(){
				document.forms[0].submit();
			});
		});
	</script>
#elseif($h5Client == "wx")
	<!--如果是微信客户端，需要以下代码--->
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		wx.config({
		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		    appId: '${config.appId}', // 必填，公众号的唯一标识
		    timestamp:'${config.timestamp}', // 必填，生成签名的时间戳
		    nonceStr: '${config.nonceStr}', // 必填，生成签名的随机串
		    signature: '${config.signature}',// 必填，签名，见附录1
		    jsApiList: [
		    	'scanQRCode'
		    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});	
		wx.ready(function () {
			 WeixinJSBridge.call('hideOptionMenu');
		});
		
		$(function(){
			$("#wxPay").click(function(){
				wxPay();
			});
		});
		function wxPay(){
				WeixinJSBridge.invoke('getBrandWCPayRequest',{
				    "appId" : "${appId}", //公众号名称，由商户传入
		            "timeStamp" :"${timestamp}", //时间戳
		            "nonceStr" :"${nonceStr}", //随机串
		            "package" :"prepay_id=${prepayId}",//扩展包
		            "signType" :"MD5", //微信签名方式:1.sha1
		            "paySign" :"${paySign}" //微信签名
			    },function (res) {
			    	//alert(JSON.toString(res));
					   //支付成功
					   //使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。 
		 	   if(res.err_msg == "get_brand_wcpay_request:ok" )  {
		 		   //$.ui.alert("提示:","支付成功" + path + "/h5/wx/pay/success");
		     	   //发起请求修改订单状态
		     	   window.location.href= path + "/h5/wx/pay/success";
		        }else if(res.err_msg == "get_brand_wcpay_request:cancel")  {
		     	   //发起请求修改订单状态
		     	   $.ui.alert("提示:","已取消支付");
		        }else {
		     	   $.ui.alert("提示:","支付失败:" + res.err_msg);//支付失败信息
		        }
		     });
		}
	</script>
#else
#end
</body>
</html>